<?php
	header('Content-Type:text/html;charset=utf-8');
?>
	<head>
		<!--[if IE]> 
			<script src="js/html5shiv.js"></script>
		<![endif]-->
		<link rel="shortcut icon" href="/statics/home/images/favicon.ico" type="image/x-icon">
		<meta name="keywords" content="p2p投资理财,小额投资理财,个人投资理财,网上理财,网络理财,网络投资,互联网投资,家庭理财,存钱理财">
		<meta name="description" content="中兴财富是武汉知名P2P网络贷款投资理财平台。网上投资理财50元起投,年化收益平均可达17%,29道极致风控工序,100%本息担保,提供安全、高收益、灵活的投资项目。">
		<!-- <meta name='viewport' content="width=device-width,initial-scale=1,minimum-scale=0.2,maximum-scale=3,user-scalable=1"> -->
	</head>
  <!-- 头部 -->
	<header class="header">
		<div>
			<ul class="lf">
				<li>
					<b></b>
					<p>400-027-0101(工作时间08:30-17:30)</p>
				</li>
				<li>
					<a href="#" class="weixin"><!-- 微信图标 --></a>
					<div class="hide">
						<img src="images/wei1.png" alt="">
						<u></u>
					</div>
				</li>
				<li>
					<a href="#" class="xinlang"><!-- 新浪图标 --></a>
				</li>
				<li>
					<a href="#" class="phone"><!-- 手机图标 --></a>
					<div class="hide">
						<img src="images/wei2.png" alt="">
						<u></u>
					</div>
				</li>
			</ul>
			<ul class="rt" id="loginName">
				<li>
					<a href="login.html" class="concat">立即登录</a><span>|</span>
				</li>
				<li>
					<a href="register.html">免费注册</a><span>|</span>
				</li>
				<li>
					<a href="problem.html">常见问题</a>
				</li>
			</ul>
		</div>
		<ul id="fixed_nav">
			<li>
				<a href="#" class="hover"><img src="images/QQ.png" alt=""></a>
				<div class="navbox">
					<div>
						<p>
							<span>在线客服QQ：</span>
							<a href="#"><img src="images/nzx_qq_online.png" alt=""></a>
						</p>
						<h5><span>官方QQ群</span></h5>
						<p>投资交流群：<a href="#">422940552</a></p>
						<p>投资VIP群：<a href="#">223638794</a></p>
						<i></i>
					</div>
				</div>
			</li>
			<li>
				<a href="#" class="hover"><img src="images/zxTel.png" alt=""></a>
				<div class="navbox">
					<div class="navbox-t">
						<p>客服热线：08:30-17:30</p>
						<h3>400-027-0101</h3>
						<i></i>
					</div>
				</div>
			</li>
			<li><a href="#" class="hover"><img src="images/calc.png" alt=""></a></li>
			<li class='top'><a href="#" class="hover"><img src="images/top.png" alt=""></a></li>
		</ul>
	</header>
	<header id="head">
		<div>
			<a href="index.html">
				<img src="images/zxcf_logo.png"/>
			</a>
			<div id="account">
				<span><u></u>我的账户<b></b></span>
				<div class="contimes">
					<ul>
						<li>
							我的信用：<span>0</span>万元
							<button>点击查看</button>
						</li>
						<li>
							我的借款：<span>0</span>万元
							<button>点击查看</button>
						</li>
						<li>
							已还借款：<span>0</span>万元
							<button>点击查看</button>
						</li>
						<li>
							未还借款：<span>0</span>万元
							<button>点击查看</button>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</header>
  <!-- 导航 -->
	<nav>
		<ul>
			<li>
				<a href="index.html">首页</a>
			</li>
			<li>
				<a href="invest.html">我要投资</a>
			</li>
			<li>
				<a href="detail.html">投资详情</a>
			</li>
			<li>
				<a href="borrow.html">我要借款</a>
			</li>
			<li>
				<a href="noticelist.html">新手指引</a>
			</li>
			<li>
				<a href="article.html">新闻公告</a>
			</li>
		</ul>
	</nav>
  <!-- 隐藏固定导航 -->
	<nav id='hide-nav'>
		<ul>
			<li>
				<a href="index.html">首页</a>
			</li>
			<li>
				<a href="invest.html">我要投资</a>
			</li>
			<li>
				<a href="detail.html">投资详情</a>
			</li>
			<li>
				<a href="borrow.html">我要借款</a>
			</li>
			<li>
				<a href="noticelist.html">新手指引</a>
			</li>
			<li>
				<a href="article.html">新闻公告</a>
			</li>
		</ul>
	</nav>
<script src="js/jquerySession.js"></script>
<script>
	/*****导航切换*****/
	$('nav>ul>li').hover(
		function(){
			$(this).addClass('identical').siblings().removeClass('identical');
		},
		function(){
			$(this).removeClass('identical');
		}
	);
	/*****头部图标******/
	$('header>div>.lf>li').hover(
		function(){
			$(this).children('div').removeClass('hide');
			if(this.children[0].className=="weixin"){
				$(this).children('a').addClass('wxhover');
			}else{
				$(this).children('a').addClass('hover');
			}
		},
		function(){
			$(this).children('div').addClass('hide');
			$(this).children('a').removeClass('hover wxhover');//移除两个 className
		}
	);

	//返回头部
	$('.top a').click(function(e){
		e.preventDefault();
		$('body').animate({
			scrollTop:0,
		},300);
	});
	//阻止a链接默认行为
	$('#fixed_nav>li').click(function(e){
		e.preventDefault();
	});
	/******头部账户********/
	$('#account>span').click(function(){
		if($(this).hasClass('span')){
			$(this).siblings().css({
				'z-index':125
			});
		}else{
			$(this).siblings().css({
				'z-index':115
			});
		}
		$(this).toggleClass('span');
		$('#account>span>b').toggleClass('up');
		$('#account>.contimes').fadeToggle();
	});
    $(function(){
        var e=e||window.event;
    	document.addEventListener('click',function(e){
    		var target=e.target||e.srcElement;
        	if(!$(target).hasClass('span')){
            	$('#account>.contimes').hide();
            	$('#account>span').removeClass('span');
            	$('#account>span>b').removeClass('up');
        	}
    	});
    });

	/****隐藏的固定导航*****/
	window.onscroll=function(){
		var t=document.documentElement.scrollTop || document.body.scrollTop;
		if(t>175){
			$('#hide-nav').fadeIn();
		}else{
			$('#hide-nav').hide();
		}
	}
	//安全退出时清除session
	$('#headbox').on('click','a.exit',function(e){
		e.preventDefault();
		$.session.remove('uname');
		$('#loginName').html(`
			<li>
				<a href="login.html" class="concat">立即登录</a><span>|</span>
			</li>
			<li>
				<a href="register.html">免费注册</a><span>|</span>
			</li>
			<li>
				<a href="problem.html">常见问题</a>
			</li>
		`);
	});
	//页面加载时读取session中的uname
	$(function(){
		var uname=$.session.get('uname');
		if(uname!==undefined){
			$('#loginName>li:first-child,#loginName>li:nth-child(2)').empty();
			$('#loginName>li:first-child').append(`
				<span class="uname">${uname}</span>欢迎您归来！
			`).css({
				color:'#fff'
			});
			$('#loginName .uname').css({
				color:'#e4393c'
			});
			$('#loginName>li:nth-child(2)').append(`
				<a href = "#" class="exit"> 安全退出 </a><span>|</span>
			`).css({
				color:'#ffa500',
				paddingLeft:'10px'
			});
		}
	});
</script>